<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发布任务</title>
    <link rel="stylesheet" href="./css/app.css">
</head>
<body>
<div class="add-body">
    <div class="to" style="">
        <!--加载公共的样式-->
        @@include('./include/top.html')
        <!--栅格系统第二行开始-->
        <div class="row top2">
            <div class="col-md-9 ul">
                <h2>发布任务</h2>
                <p>（也可拨打 <span>400-088-7209</span>,让客服帮您发布任务)</p>
            </div>
            <div class="col-md-3 ul">
                <d>联系客服：cs@smarch.com</d>
            </div>
        </div>
        <!--栅格系统第二行结束-->
        <!--栅格系统第三行开始-->
        <div class="row top3">
            <div class="col-md-12 ul">
                <form class="form-horizontal" role="form" method="post" name="myform">
                    <div class="form-group">
                        <label for="firstname" class="col-sm-2 control-label">任务名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="firstname" placeholder="请输入一句话来描述您的任务需求">
                        </div>
                    </div>
                    <!--所在区域开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">地理位置</label>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在省份</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在城市</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在县城</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在城镇</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <!--所在区域结束-->
                    <!--类型选择-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">选择专业</label>
                        <div class="col-sm-2">
                            <select class="form-control">
                                <option value="">专业设计</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <!--类型选择-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">规模</label>
                        <div class="col-sm-4" style="float: left">
                            <input style="width: 300px" type="text" class="form-control" id="lastname" placeholder="请输入右边的验证码">
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control">
                                <option value="">专业设计</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">任务描述</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5"></textarea>
                        </div>
                        <!--点击获取短信验证-->
                        <!--点击获取短信验证-->
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">上传附件</label>
                        <div class="col-sm-10">
                            <input type="file" id="inputfile">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">上传图片</label>
                        <div class="col-sm-10">
                            <input type="file" id="inputfile">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">任务类型</label>
                        <div class="col-sm-10">
                                <label class="checkbox-inline">
                                    <input type="checkbox" id="inlineCheckbox1" value="option1">选项 1
                                </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" id="inlineCheckbox2" value="option2">选项 2
                                </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" id="inlineCheckbox3" value="option3">选项 3
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked>选项 1
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadiosinline" id="optionsRadios4" value="option2">选项 2
                                </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox1" value="option1">选项 1
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox2" value="option2">选项 2
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox3" value="option3">选项 3
                            </label>
                            <label class="checkbox-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked>选项 1
                            </label>
                            <label class="checkbox-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios4" value="option2">选项 2
                            </label>
                        </div>
                    </div>
                    <!--专业开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">需求专业</label>
                        <div class="col-sm-10">
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox1" value="option1">选项 1
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox2" value="option2">选项 2
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox3" value="option3">选项 3
                            </label>
                            <label class="checkbox-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked>选项 1
                            </label>
                            <label class="checkbox-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios4" value="option2">选项 2
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox1" value="option1">选项 1
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox2" value="option2">选项 2
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox3" value="option3">选项 3
                            </label>
                            <label class="checkbox-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked>选项 1
                            </label>
                            <label class="checkbox-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios4" value="option2">选项 2
                            </label>
                        </div>
                    </div>
                    <!--专业结束-->
                    <!--报名开始时间开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">报名开始时间</label>
                        <div class="col-sm-4" style="float: left">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 300px" type="text" class="form-control" id="lastname" placeholder="点击选择日期">
                        </div>
                    </div>
                    <!--报名开始时间结束-->
                    <!--报名截止时间开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">报名截止时间</label>
                        <div class="col-sm-4" style="float: left">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 300px" type="text" class="form-control" id="lastname" placeholder="点击选择日期">
                        </div>
                    </div>
                    <!--报名截止时间结束-->
                    <!--选择省份开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">任务预算</label>
                        <div class="col-sm-6" style="float: left">
                            <input style="width: 100px;float:left;margin-right:15px;" type="text" class="form-control" id="lastname" placeholder="输入金额">
                            <div class="" style="float: left;margin-top: 8px">至</div>
                            <input style="width: 100px;float:left;margin-left: 15px;" type="text" class="form-control" id="lastname" placeholder="输入金额">
                            <div class="" style="float: left;margin-top:8px;margin-left: 8px;">元</div>
                        </div>
                    </div>
                    <!--选择省份结束-->
                    <!--项目阶段开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">项目阶段</label>
                        <a href="" style="line-height: 32px;margin-left: 15px;">展开</a>

                    </div>
                    <!--选择省份开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">磨合期</label>
                        <div class="col-sm-5" style="float: left">

                            <input style="width: 350px;float:left;margin-right:15px;" type="text" class="form-control"  id="lastname" placeholder="描述需求">
                        </div>
                        <div class="col-sm-2" style="float: left">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 100px;" type="text" class="form-control" id="lastname" placeholder="选择日期">
                    </div>
                        <div class="col-sm-1" style="float: left">
                            <button type="button"class="btn btn-default">不收费用</button>
                    </div>


                        <div class="col-sm-10 col-sm-offset-2" style="margin-top: 10px;" >
                            <input type="text" class="form-control" id="lastname" placeholder="详细说说您的需求">
                        </div>
                    </div>

                    <!--阶段开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">第一阶段</label>
                        <div class="col-sm-5" style="float: left">

                            <input style="width: 350px;float:left;margin-right:15px;" type="text" class="form-control"  id="lastname" placeholder="描述需求">
                        </div>
                        <div class="col-sm-2" style="float: left">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 100px;" type="text" class="form-control" id="lastname" placeholder="选择日期">
                        </div>
                        <div class="col-sm-1" style="float: left">
                            <input style="width: 100px;float:left;margin-right:15px;" type="text" class="form-control" id="lastname" placeholder="输入金额">
                        </div>


                        <div class="col-sm-10 col-sm-offset-2" style="margin-top: 10px;" >
                            <input type="text" class="form-control" id="lastname" placeholder="详细说说您的需求">
                        </div>
                    </div>
                    <!--阶段结束-->
                    <!--阶段开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">第二阶段</label>
                        <div class="col-sm-5" style="float: left">

                            <input style="width: 350px;float:left;margin-right:15px;" type="text" class="form-control"  id="lastname" placeholder="描述需求">
                        </div>
                        <div class="col-sm-2" style="float: left">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 100px;" type="text" class="form-control" id="lastname" placeholder="选择日期">
                        </div>
                        <div class="col-sm-1" style="float: left">
                            <input style="width: 100px;float:left;margin-right:15px;" type="text" class="form-control" id="lastname" placeholder="输入金额">
                        </div>
                        <div class="col-sm-10 col-sm-offset-2" style="margin-top: 10px; " >
                            <input type="text" class="form-control" id="lastname" placeholder="详细说说您的需求">
                        </div>
                    </div>
                    <!--阶段结束-->
                    <!--添加阶段开始-->
                    <div class="col-sm-10 col-sm-offset-2" style="margin-top: -15px;margin-bottom: 10px; height: 35px; line-height: 35px;">
                        <a href="" style="float: left;">添加阶段</a>
                        <span style="float: right">累计费用：<i style="color: red;">￥0</i></span>

                    </div>
                    <!--添加阶段结束-->












                    <!--所在区域开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">合作方式地域要求</label>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在省份</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在城市</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在县城</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在城镇</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <!--所在区域结束-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">联系方式</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="lastname" placeholder="请输入您的联系方式">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox">匿名发布（如需保护您的个人信息和项目信息，可选择匿名发布）
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-danger btn-lg">开始发布</button>
                            <button type="submit" class="btn btn-danger btn-lg">发布预览</button>
                        </div>
                    </div>
                </form>
                <!--表单结束-->
            </div>
        </div>
        <!--栅格系统第三行开始-->
        @@include('./include/bottom.html')
    </div>
</div>
</div>
</body>
<script src="./js/jquery/jquery.js"></script>
<script src="./js/bootstrap/bootstrap.js"></script>
<script src="./tools/Calendar.js"></script>
<script src="./js/app.js"></script>
<script>
</script>
</html>